export const basicComponents = [
  {
    type: "input",
    name: "单行输入框",
    icon: "icon-chat-round",
    options: {
      width: "100%",
      defaultValue: "",
      required: false,
      dataType: "string",
      pattern: "",
      placeholder: "",
      disabled: false,
    },
  },
  {
    type: "textarea",
    name: "多行输入框",
    icon: "icon-chat-dot-square",
    options: {
      width: "100%",
      defaultValue: "",
      required: false,
      disabled: false,
      pattern: "",
      placeholder: "",
    },
  },
  {
    type: "number",
    name: "计数器",
    icon: "icon-data-analysis",
    options: {
      width: "",
      required: false,
      defaultValue: 0,
      min: "",
      max: "",
      step: 1,
      disabled: false,
      controlsPosition: "",
    },
  },
  {
    type: "radio",
    name: "单选框",
    icon: "icon-collection-tag",
    options: {
      inline: false,
      defaultValue: "",
      showLabel: false,
      options: [
        {
          value: "Option 1",
          label: "Option 1",
        },
        {
          value: "Option 2",
          label: "Option 2",
        },
        {
          value: "Option 3",
          label: "Option 3",
        },
      ],
      required: false,
      width: "",
      remote: false,
      remoteOptions: [],
      props: {
        value: "value",
        label: "label",
      },
      remoteFunc: "",
      disabled: false,
    },
  },
  {
    type: "checkbox",
    name: "多选框组",
    icon: "icon-collection",
    options: {
      inline: false,
      defaultValue: [],
      showLabel: false,
      options: [
        {
          value: "Option 1",
        },
        {
          value: "Option 2",
        },
        {
          value: "Option 3",
        },
      ],
      required: false,
      width: "",
      remote: false,
      remoteOptions: [],
      props: {
        value: "value",
        label: "label",
      },
      remoteFunc: "",
      disabled: false,
    },
  },
  {
    type: "time",
    name: "时间选择",
    icon: "icon-timer",
    options: {
      defaultValue: "",
      readonly: false,
      disabled: false,
      editable: true,
      clearable: true,
      placeholder: "",
      startPlaceholder: "",
      endPlaceholder: "",
      isRange: false,
      rangeSeparator: "-",
      arrowControl: true,
      format: "HH:mm:ss",
      required: false,
      width: "",
    },
  },
  {
    type: "date",
    name: "日期选择",
    icon: "icon-data-line",
    options: {
      defaultValue: "",
      readonly: false,
      disabled: false,
      editable: true,
      clearable: true,
      placeholder: "",
      startPlaceholder: "",
      endPlaceholder: "",
      type: "date",
      format: "yyyy-MM-dd",
      timestamp: false,
      required: false,
      width: "",
    },
  },
  {
    type: "rate",
    name: "评分",
    icon: "icon-star",
    options: {
      defaultValue: null,
      max: 5,
      disabled: false,
      allowHalf: false,
      required: false,
    },
  },
  {
    type: "color",
    name: "色彩选择",
    icon: "icon-stamp",
    options: {
      defaultValue: "",
      disabled: false,
      showAlpha: false,
      required: false,
    },
  },
  {
    type: "select",
    name: "下拉选择框",
    icon: "icon-printer",
    options: {
      defaultValue: "",
      multiple: false,
      disabled: false,
      clearable: false,
      placeholder: "",
      required: false,
      showLabel: false,
      width: "50%",
      options: [
        {
          value: "Option 1",
        },
        {
          value: "Option 2",
        },
        {
          value: "Option 3",
        },
      ],
      remote: false,
      filterable: false,
      remoteOptions: [],
      props: {
        value: "value",
        label: "label",
      },
      remoteFunc: "",
    },
  },
  {
    type: "switch",
    name: "开关切换",
    icon: "icon-turn-off",
    options: {
      defaultValue: false,
      required: false,
      disabled: false,
    },
  },
  {
    type: "slider",
    name: "滑动条",
    icon: "icon-set-up",
    options: {
      defaultValue: 0,
      disabled: false,
      required: false,
      min: 0,
      max: 100,
      step: 1,
      showInput: false,
      range: false,
      width: "90%",
    },
  },
  {
    type: "text",
    name: "单行文字",
    icon: "icon-reading",
    options: {
      defaultValue: "This is a text",
      customClass: "",
    },
  },
];

export const advanceComponents = [
  {
    type: "blank",
    name: "自定义区域",
    icon: "icon-edit",
    options: {
      defaultType: "String",
    },
  },
  {
    type: "imgupload",
    icon: "icon-tupian",
    options: {
      defaultValue: [],
      size: {
        width: 100,
        height: 100,
      },
      width: "",
      tokenFunc: "funcGetToken",
      token: "",
      domain: "http://pfp81ptt6.bkt.clouddn.com/",
      disabled: false,
      length: 8,
      multiple: false,
      isQiniu: false,
      isDelete: false,
      min: 0,
      isEdit: false,
      action: "https://jsonplaceholder.typicode.com/photos/",
    },
  },
  {
    type: "editor",
    icon: "icon-fuwenbenkuang",
    options: {
      defaultValue: "",
      width: "",
    },
  },
  {
    type: "cascader",
    icon: "icon-jilianxuanze",
    options: {
      defaultValue: [],
      width: "",
      placeholder: "",
      disabled: false,
      clearable: false,
      remote: true,
      remoteOptions: [],
      props: {
        value: "value",
        label: "label",
        children: "children",
      },
      remoteFunc: "",
    },
  },
];

export const layoutComponents = [
  {
    type: "grid",
    icon: "icon-grid-",
    columns: [
      {
        span: 12,
        list: [],
      },
      {
        span: 12,
        list: [],
      },
    ],
    options: {
      gutter: 0,
      justify: "start",
      align: "top",
    },
  },
];
